import Vue from "vue";

Vue.directive("drop-blank", {
  bind: (el,/**binding */) => {
    if (el.childNodes.length === 0) {
      el.classList.add("blank-container")
      el.classList.add("operations-group-container")
    } else {
      el.classList.remove("blank-container")
      el.classList.remove("operations-group-container")
    }
  },
  update (el) {
    if (el.childNodes.length === 0) {
      el.classList.add("blank-container")
      el.classList.add("operations-group-container")
    } else {
      el.classList.remove("blank-container")
      el.classList.remove("operations-group-container")
    }
  }
});
